<template>
  <div id="payment">
    <c-title :hide="false" :text="titleText"></c-title>
	<van-sticky offset-top="2.75rem">
		<van-tabs
		v-model="selected"
		style="z-index: 98; height: 2.75rem; line-height: 2.75rem;"
		@click="swichTabTItem">
		<van-tab
			v-for="(item, index) in setNavList"
			:key="index"
			:name="index.toString()"
			:title="item"></van-tab>
		</van-tabs>
	</van-sticky>
    <van-pull-refresh v-model="isLoading" @refresh="loadTop" success-text="刷新成功">
      <div>
        <div v-for="(items, key, indexs) in dataList" :key="indexs" v-show="selected==indexs.toString()">
        
          <cOrderList
            v-on:ConfrimOrderNotification="cofirmOrderAction"
            v-on:MultiplePayNotification="multiplePayAction"
            ref="mychild"
            :datasource="items"
            :orderType="orderType"
            :detailUrl="detailUrl"
            :status="0"
            class="osll"
          ></cOrderList>
        </div>
      </div>
    </van-pull-refresh>
    <div class="contes" v-if="isMultiplePay">
      <button @click="toMultiplePay">合并支付</button>
    </div>
  </div>
</template>

<script>
import client_order_controller from "./client_order_controller";

export default client_order_controller;
</script>

<style lang="scss" rel="stylesheet/scss" scoped>
  .osll {
    min-height: 100vh;
  }

  .contes {
    z-index: 98;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 2.8125rem;
    background: #fff;
    line-height: 2.8125rem;
    border-top: #e2e2e2 solid 0.0625rem;
    text-align: right;

    button {
      border: solid 0.0625rem #f15353;
      background: #f15353;
      border-radius: 0.1875rem;
      margin-right: 0.875rem;
      color: #fff;
      padding: 0.25rem 0.625rem;
      height: 2rem;
      line-height: 1rem;
      margin-top: 0.4rem;
    }
  }

  .loadNomore img {
    width: 20%;
  }

  #payment {
    .mint-navbar.is-fixed {
      top: 40px;
    }
  }
</style>
